<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		
		.body{
			margin-top:100px;
			width:980px;
			margin-left:auto;
			margin-right:auto;
		}
		
		.mydiv{
			position:relative;
		}
		.login{
			margin-right:10px;
		}
		.errorMessage{
			color:red;
		}
		
	</style>
	
	<title>CRM-客户关系管理系统</title>
</head>
<body>
		<%@ include file="include/base-before.jsp" %>
		

	<div class="body">

		<div class="container well">
			<div id="mydiv" class="span10">
			
				<div class="span4">
					<img id="image" src="image/crm.jpg"></img>
				</div>
				<div class="login span5" >
					<h3>客户关系管理系统-登录</h3>
					<s:actionerror/>
					<div class="span2"></div>
					
					<form id="loginForm" action="login.jspx" method="post"  class="well">
						<label>请输入账号:</label>
						<input type="text" id="email" name="employee.email"  class="span4">
						<label>请输入密码:</label>
						<input type="password" id="pwd" name="employee.password" class="span4">
						
						<label class="checkbox">
						  <input type="checkbox"> 记住我
						</label>
						<button id="login-btn" class="btn btn-primary" type="submit">登录</button>
					</form>
				</div>
			
			</div>
		</div>
	</div>
	
	<script type="text/javascript">
		
		$(document).ready(function(){
			$('#login-btn').click(function(){
				if($('#email').val() == "" || $('#email').val() == null){
					$('#email').focus();
					return false;
				}
				if($('#pwd').val() == "" || $('#pwd').val() == null){
					$('#pwd').focus();
					return false;
				}
			});
			
			
		
		});
		
	</script>
</body>
</html>
